import { Row, Descriptions } from "antd";
import { Profile } from "./profile";

type ProfileDescriptionProps = {
  profile: Profile;
};

const ProfileDescription = (props: ProfileDescriptionProps) => {
  return (
      <Descriptions title="用户信息" bordered column={1}>
        <Descriptions.Item label="姓名">{props.profile.name}</Descriptions.Item>
        <Descriptions.Item label="性别">{props.profile.bio}</Descriptions.Item>
        <Descriptions.Item label="手机号">
          {props.profile.telephone}
        </Descriptions.Item>
        <Descriptions.Item label="邮箱">
          {props.profile.email}
        </Descriptions.Item>
      </Descriptions>
  );
};

export default ProfileDescription;
